<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title><ui:insert name="title">Default Title</ui:insert></title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <h:outputStylesheet library="css" name="resetUser.css" target="head"/>
        <h:outputStylesheet library="css" name="layoutUser.css" target="head"/>
        <h:outputStylesheet library="css" name="styleUser.css" target="head"/>
        <h:outputScript library="js" name="cufon-yui.js" target="head" />
        <h:outputScript library="js" name="cufon-replace.js" target="head" />
        <h:outputScript library="js" name="Molengo_400.font.js" target="head" />
        <h:outputScript library="js" name="Expletus_Sans_400.font.js" target="head" />
        <h:outputScript library="js" name="jquery-1.5.2.js" target="head" ></h:outputScript>
        <h:outputScript library="js" name="jquery-1.9.1.min.js" target="head" ></h:outputScript>
        <h:outputScript library="js" name="jquery-ui.min.js" target="head" ></h:outputScript>
        <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
        <ui:insert name="head"></ui:insert>
    </h:head>
    <h:body id="page2">
        
        <div class="body1">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
					<nav>
						<ul id="menu">
                                                    <h:form>
                                                        <li>
                                                            <h:commandLink action="#{topicController.prepareListToUser()}" value="Topic">
                                                            </h:commandLink>
                                                        </li>
							<li>
                                                            <h:commandLink action="#{courseController.showAllCourseByUser()}" value="Course">
                                                            </h:commandLink>
                                                        </li>
							<li>
                                                            <h:commandLink action="#{staffController.redirectToAdmin()}" value="Staff">
                                                            </h:commandLink>
                                                        </li>
							<li><a href="#">Contacts</a></li>
                                                        <ui:fragment rendered="#{studentsController.getLoginStudent()==''}">
                                                            <li class="end">
                                                                <h:commandLink action="#{studentsController.prepareLogin()}" value="Login">
                                                                </h:commandLink>
                                                            </li>
                                                        </ui:fragment>
                                                        <ui:fragment rendered="#{studentsController.getLoginStudent()!=''}">
                                                            <li><a href="#">#{studentsController.getLoginStudent()}</a></li>
                                                            <li>
                                                                <h:commandLink action="#{studentCourseController.findAllCourseByTopicIdForUser()}">Profile</h:commandLink>
                                                            </li>
                                                            <li class="end">
                                                                <h:commandLink action="#{studentsController.LogoutForStudent()}">Logout</h:commandLink>
                                                            </li>
                                                        </ui:fragment>
                                                        </h:form>
						</ul>
					</nav>
					<ul id="icons">
						<li><a href="#"><img src="../../resources/img/icons1.jpg" alt=""/></a></li>
						<li><a href="#"><img src="../../resources/img/icons2.jpg" alt=""/></a></li>
					</ul>
				</div>
				<div class="wrapper">
					<h1><a href="index.html" id="logo">Learn Center</a></h1>
				</div>
				<div id="slogan">
					We Will Open The World<span>of knowledge for you!</span>
				</div>

			</header><div class="ic">More Website Templates at TemplateMonster.com!</div>
<!-- / header -->
		</div>
	</div>
        <div class="body2">
		<div class="main">
<!-- content -->
			<section id="content">
				<div class="box1">
					<div class="wrapper">
						<article class="col1">
							<ui:insert name="leftcontent">Left Content</ui:insert>
						</article>
						<article class="col2 pad_left2">
							<ui:insert name="rightcontent">Right Content</ui:insert>
						</article>
					</div>
				</div>
			</section>
<!-- content -->
<!-- footer -->
			<footer>
				<div class="wrapper">
					<div class="pad1">
						<div class="pad_left1">
							<div class="wrapper">
								<article class="col_1">
									<h3>Address:</h3>
									<p class="col_address"><strong>Country:<br/>
											City:<br/>
											Address:<br/>
											Email:</strong></p>
									<p>Viet Nam<br/>
											Ha Noi<br/>
											Dong Anh<br/>
											<a href="mailto:">nhutuanbk52@mail.com</a></p>
								</article>
								<article class="col_2 pad_left2">
									<h3>Join In:</h3>
									<ul class="list2">
										<li><a href="#">Sign Up</a></li>
										<li><a href="#">Forums</a></li>
										<li><a href="#">Promotions</a></li>
										<li><a href="#">Lorem</a></li>
									</ul>
								</article>
								<article class="col_3 pad_left2">
									<h3>Why Us:</h3>
									<ul class="list2">
										<li><a href="#">Lorem ipsum dolor </a></li>
										<li><a href="#">Aonsect adipisic</a></li>
										<li><a href="#">Eiusmjkod tempor </a></li>
										<li><a href="#">Incididunt ut labore </a></li>
									</ul>
								</article>
								<article class="col_4 pad_left2">
									<h3>Newsletter:</h3>
									<form id="newsletter" method="post">
										<div class="wrapper">
											<div class="bg"><input type="text"/></div>
										</div>
										<a href="#" class="button" onClick="document.getElementById('newsletter').submit()"><span><span><strong>Subscribe</strong></span></span></a>
									</form>
								</article>
							</div>
							<div class="wrapper">
								<article class="call">
									<span class="call1">Call Us Now: </span><span class="call2">0975315542</span>
								</article>
								<article class="col_4 pad_left2">
									<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">Website template</a> by TemplateMonster.com<br/>
									<a href="http://www.templates.com/product/3d-models/" target="_blank">3D Models</a> provided by Templates.com </article>
							</div>
						</div>
					</div>
				</div>
			</footer>
<!-- / footer -->
		</div>
	</div>
        <script type="text/javascript"> Cufon.now(); </script>
        <ui:insert name="bottom"></ui:insert>
    </h:body>
</html>
